<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="renderer" content="webkit"> 
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" />
<title>河北省中医院预约挂号网站</title>
<link type="text/css" rel="stylesheet" href="${webPath}/css/main.css?v=3"/>
<link type="text/css" rel="stylesheet" href="${webPath}/css/common.css"/>
<link type="text/css" rel="stylesheet" href="${webPath}/jquery-ui-1.11.4/jquery-ui.min.css"/>
<script type="text/javascript" src="${webPath}/js/jquery-1.9.1.js"></script>
<script type="text/javascript" src="${webPath}/jquery-ui-1.11.4/jquery-ui.min.js"></script>
<script type="text/javascript" src="${webPath}/js/common.js"></script>
<script type="text/javascript">
$(function(){
	$("#submit-order").click(function(){
		// 检查表单信息
		$("span[class='wrong']").hide();
		var cardNo = $("#id-card").val();
		if(cardNo.trim()==""){
			$("#id-card-wrong-info").show();
			return;
		}
		
		// 提交表单
		$("#bookServiceForm").submit();
	})
	
	// 无卡预约提交
	$("#submit-order-nocard").click(function(){
		$("span[class='wrong']").hide();
		// 检查表单信息  身份证号、患者姓名、手机号码
		var idCard = $("#id-card-nocard").val();
		var regIdCard = /^\d{6}(18|19|20)?\d{2}(0[1-9]|1[12])(0[1-9]|[12]\d|3[01])\d{3}(\d|X)$/i;
		if(idCard.trim()=="" || !regIdCard.test(idCard)){
			$("#id-card-wrong-info-nocard").show();
			return;
		}
		
		
		var patientName = $("#patientName").val();
		if(patientName.trim()==""){
			$("#patientName-wrong-info").show();
			return;
		}
		
		var mobileNo = $("#id-mobileNo").val();
		 var reg = /^0?1[3|4|5|8][0-9]\d{8}$/;
		if(mobileNo.trim()=="" || !reg.test(mobileNo)){
			$("#id-mobileNo-wrong-info").show();
			return;
		}
		
		// 检查协议是否同意
		if(!$("#notice_must_noCard").is(':checked')){
			$("#notice_must_noCard-wrong-info").show();
			return;
		}
		
		
		// 提交表单
		$("#bookServiceForm_noCard").submit();
	})
	
})

</script>
</head>
<body>
<input type="hidden" id="rootWebPath" value="$!{webPath}" />
<div class="ui-widget" id="top_alert_div" style="display:none;">
	<div class="ui-state-highlight ui-corner-all" style="border-radius:0;padding:0.7em;">
		<p><span class="ui-icon ui-icon-info" style="float: left; margin-right: .3em;"></span>
		<strong>警告!</strong>&nbsp;&nbsp;&nbsp;&nbsp;<span id="top_alert_div_msg">Sample ui-state-highlight style.</span></p>
	</div>
</div>
<!--
	<div id="dbnav">
		<div class="dbnav_context">
			<p class="dbnav_context_left"><img src="http://img.bjguahao.gov.cn/ws/1.0/hs/images/dbnav.png"><span>010-114/116114电话预约</span></p>
			<div class="top_help">
				<a href="${webPath}/search/patient/searchPatInfo.htm">患者信息查询</a>
				<a href="javascript:void(0);">帮助中心</a>
			</div>
		</div>
	</div>
-->
<div id="top">
	<div class="top_left">
		<a href="$!{webPath}/index.htm"><img src="$!{webPath}/images/logo.png">
			<h2 class="top_h2">河北省中医院预约挂号网站</h2>
		</a>
	</div>
	<div class="top_search">
		<div class="option" id="wn_h_div">
			<span id="wn_h">科室</span>
		</div>
		<div class="sbox">
			<input class="ac_input" onblur="javascript:if(this.value=='')this.value='请输入搜索内容';" onfocus="javascript:if(this.value=='请输入搜索内容')this.value='';" value="请输入搜索内容" maxlength="30" name="words" id="words" type="text">
		</div>
		<div class="sbtn">
			<input value="" style="letter-spacing: -1px;" id="top_search_btn" type="button">
		</div>
		<div id="sbArea_h" style="display:none;">
			<a target="_self" href="javascript:void(0);">
				<div class="dselObj" id="wv_h_1">科室</div>
			</a>
			<a target="_self" href="javascript:void(0);">
				<div class="dselObj" id="wv_h_2">医生</div>
			</a>
		</div>
	</div>
</div>
<div id="index_nav_border">
	<div id="index_nav">
		<ul class="index_nav_ul">
			<li><a href="$!{webPath}/search/department/findAllDepartment.htm">全部科室</a></li>
			<li><a href="${webPath}/search/schedule/department.htm">科室排班</a></li>
			<li><a href="$!{webPath}/search/doctor/deptDoctorList.htm">科室医生</a></li>
		</ul>
		<div class="index_nav_right">
			<a target="_blank" href="$!{webPath}/search/order/queryOrder.htm">预约记录查询</a>
		</div>
	</div>
</div>

<div class="wrap">
	#if(!$!{success})
		<div class="title">
			<p>未查找到预约信息，请重新操作</p>
		</div>
	#end
	#if($!{success})
	<div class="container" style="margin-top:20px;">
		<p class="doctor-title">要预约的医生</p>
		<div class="doctor-info">
			<div class="info-pic">
				<img src="$!{webPath}/images/doctor-m.png">
			</div>
			<div class="infos">
				<div class="info-title">
					<div>
						$!{schedule.doctorName}
					</div>
					<div class="info-doc">
						<span class="doctor-medtitle">$!{schedule.doctorTitle}</span><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><i></i><span>$!{schedule.doctorSessType}</span>
					</div>
				</div>
				<p class="info-hospittal">
					<span>$!{schedule.departmentName}</span>
				</p>
				<p class="info-pos" title="费用">
					<span>挂号费：</span><font>&yen;#if($!{schedule.regFee}=="") 0 #else $!{schedule.regFee} #end</font>
					<span>诊查费：</span><font>&yen;#if($!{schedule.checkupFee}=="") 0 #else $!{schedule.checkupFee} #end</font>
				</p>
			</div>
			<div class="time-and-pay">
				<span class="info-time"><span>就诊时间：</span>
				$!{schedule.serviceDate}
				#if($!{schedule.weekDay}==1)
					(星期一)
				#elseif($!{schedule.weekDay}==2)
					(星期二)
				#elseif($!{schedule.weekDay}==3)
					(星期三)
				#elseif($!{schedule.weekDay}==4)
					(星期四)
				#elseif($!{schedule.weekDay}==5)
					(星期五)
				#elseif($!{schedule.weekDay}==6)
					(星期六)
				#else
					(星期日)
				#end
				$!{schedule.sessionName}</span><br>
				<span class="pay-info"></span>
			</div>
		</div>
	</div>
	<div class="title">
		<p>无卡预约</p>
	</div>
	<div class="container" style="margin-bottom:20px;">
		<!-- 无卡预约 -->
		<div class="write-list">
			<p class="doctor-title">
				请填写预约信息<span>(输入的预约信息，我们将为你保密)</span>
				<span class="right-info"><span>*</span>为必填项</span>
			</p>
			<form method="post" id="bookServiceForm_noCard" action="$!{webPath}/search/order/bookServiceNoCard.htm">
				<input type="hidden" name="scheduleItemCode" value="$!{schedule.scheduleItemCode}"/>
				<table>
					<tr id="id-card-tr-nocard" style="">
						<td class="label">
							身份证号
						</td>
						<td class="essential-mark">
							<span class="star-red">*</span>
						</td>
						<td>
							<div class="widget-input">
								<input type="text" name="iDCardNo" id="id-card-nocard" style=""><span class="wrong" id="id-card-wrong-info-nocard" style="display:none"><i class="instant-state fa fa-times-circle"></i><i>请输入正确的身份证号</i></span>
							</div>
						</td>
					</tr>
					<tr id="patientName-tr" style="">
						<td class="label">
							姓名
						</td>
						<td class="essential-mark">
							<span class="star-red">*</span>
						</td>
						<td>
							<div class="widget-input">
								<input type="text" name="patientName" id="patientName" style=""><span class="wrong" id="patientName-wrong-info" style="display:none"><i class="instant-state fa fa-times-circle"></i><i>请输入患者姓名</i></span>
							</div>
						</td>
					</tr>
					<tr id="id-card-tr" style="">
						<td class="label">
							性别
						</td>
						<td class="essential-mark">
							<span class="star-red">*</span>
						</td>
						<td>
							<div class="widget-input">
								<select name="gender">
									<option value="1">男</option>
									<option value="2">女</option>
								</select>
								<span class="wrong" id="id-gender-wrong-info" style="display:none"><i class="instant-state fa fa-times-circle"></i><i>请选择性别</i></span>
							</div>
						</td>
					</tr>
					<tr id="mobileNo-tr" style="">
						<td class="label">
							手机
						</td>
						<td class="essential-mark">
							<span class="star-red">*</span>
						</td>
						<td>
							<div class="widget-input">
								<input type="text" name="mobileNo" id="id-mobileNo" style=""><span class="wrong" id="id-mobileNo-wrong-info" style="display:none"><i class="instant-state fa fa-times-circle"></i><i>请输入正确的手机号码</i></span>
							</div>
						</td>
					</tr>
					<tr>
						<td>
						</td>
						<td>
						</td>
						<td>
							<div class="widget-input submit-button" style="margin-top:-5px;">
								<label>
									<input type="checkbox" id="notice_must_noCard"/> 已经阅读并同意<a href="$!{webPath}/search/order/bookNotice.htm" target="_blank"><font color="blue">《预约挂号须知》</font></a>
								</label>
								<span class="wrong" id="notice_must_noCard-wrong-info" style="display:none"><i class="instant-state fa fa-times-circle"></i><i>需同意预约挂号须知</i></span>
							</div>
						</td>
					</tr>
					<tr>
						<td>
						</td>
						<td>
						</td>
						<td>
							<div class="widget-input submit-button" style="margin-top:-5px;">
								<span id="submit-order-nocard" class="submit-but action">提交预约单</span>
							</div>
						</td>
					</tr>
				</table>
			</form>
		</div>
	</div>
	#end
</div>

<div class="footer-box clear path">
	<div class="footer-img-box">
		<div class="footer-img-left">
			<img src="${webPath}/images/logo.png" style="width:60px; height:auto; float:left">
			<ul style="padding-top:20px;float:left; padding-left:20px;">
				<li><span class="phone">0311-69095114</span></li>
				<li><span class="mail">时间：8:00-18:00</span></li>
				
			</ul>
		</div>
		<ul class="footer-img-right">
			<li class="image-hospital">
			<p>
				友情连接：
			</p>
			<ul>
				<li>
					<a title="网站名称：中健网网站地址：http://www.59120.com网站简介：综合健康网。" target="_blank" href="http://www.59120.com">中健网</a>
				</li>
				<li>
					<a title="网站名称：花讯网网站地址：http://www.flowercn.net网站简介：花卉资讯第一站。" target="_blank" href="http://www.flowercn.net">花讯网</a>
				</li>
				
				<li>
					<a title="网站名称：卫生部
网站地址：http://www.moh.gov.cn/
网站简介：卫生部" target="_blank" href="http://www.moh.gov.cn/">卫生部</a>
				</li>
				<li>
					<a title="网站名称：中医药管理局
网站地址：http://www.satcm.gov.cn/
网站简介：中医药管理局" target="_blank" href="http://www.satcm.gov.cn/">中医药管理局</a>
				<li>
					<a title="网站名称：胸科医院
网站地址：http://www.hbsxkyy.com/
网站简介：" target="_blank" href="http://www.hbsxkyy.com/">胸科医院</a>
				</li>
				<li>
					<a title="网站名称：河北医科大学
网站地址：http://www.hebmu.edu.cn/
网站简介：河北医科大学" target="_blank" href="http://www.hebmu.edu.cn/">河北医科大学</a>
				</li>
				<li>
					<a title="网站名称：河北医大二院
网站地址：http://www.hb2h.he.cninfo.net/
网站简介：河北医科大学第二医院" target="_blank" href="http://www.hb2h.he.cninfo.net/">河北医大二院</a>
				</li>
				<li>
					<a title="网站名称：河北医大三院
网站地址：http://www.cthhmu.com/main/index.aspx
网站简介：河北医科大学第三医院" target="_blank" href="http://www.cthhmu.com/main/index.aspx">河北医大三院</a>
				</li>
				<li>
					<a title="网站名称：河北医大四院
网站地址：http://www.hbydsy.com/
网站简介：河北医科大学第四医院" target="_blank" href="http://www.hbydsy.com/">河北医大四院</a>
				</li>
				<li>
					<a title="网站名称：河北省口腔医院
网站地址：http://www.hebmu.edu.cn/kqyx-1.htm
网站简介：河北医科大学口腔医院" target="_blank" href="http://www.hebmu.edu.cn/kqyx-1.htm">河北省口腔医院</a>
				</li>
				<li>
					<a title="网站名称：河北医大一院
网站地址：http://www.jyyy.com.cn/
网站简介：河北医科大学第一医院" target="_blank" href="http://www.jyyy.com.cn/">河北医大一院</a>
				</li>
				<li>
					<a title="网站名称：河北省卫生厅
网站地址：http://www.hebwst.gov.cn/
网站简介：河北省卫生厅" target="_blank" href="http://www.hebwst.gov.cn/">河北省卫生厅</a>
				</li>
				<li>
					<a title="网站名称：河北省药监局
网站地址：http://www.hebfda.gov.cn/
网站简介：河北省食品药品监督管理局" target="_blank" href="http://www.hebfda.gov.cn/">河北省药监局</a>
				</li>
				<li>
					<a title="网站名称：河北中医学院
网站地址：http://www.hbcmc.edu.cn/
网站简介：河北中医学院" target="_blank" href="http://www.hbcmc.edu.cn/">河北中医学院</a>
			</ul>
			</li>
			
		</ul>
	</div>
	
</div>
</body>
</html>